<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../../../images/favicon.ico">

    <title>洲博通 - Dashboard  List Widgets</title>
  
	<!-- Bootstrap 4.0-->
	<link rel="stylesheet" href="../../../assets/vendor_components/bootstrap/dist/css/bootstrap.min.css">
	
	<!-- Bootstrap extend-->
	<link rel="stylesheet" href="../../css/bootstrap-extend.css">

	<!-- Theme style -->
	<link rel="stylesheet" href="../../css/master_style.css">

	<!-- 洲博通 skins -->
	<link rel="stylesheet" href="../../css/skins/_all-skins.css">

	<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
	<!--[if lt IE 9]>
	<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
	<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
	<![endif]-->
	
</head>

<body class="sidebar-collapse skin-blue sidebar-mini">
  <b data-toggle="push-menu" style="display:none"></b>
<div class="wrapper">



  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>
        List widgets
      </h1>
      <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
        <li class="breadcrumb-item active">List widgets</li>
      </ol>
    </section>

    <!-- Main content -->
    <section class="content">
	
      <div class="row">

          <div class="col-md-6 col-lg-4">
            <div class="box">
				<div class="box-header with-border">
					<h5 class="box-title">Income List</h5>
				</div>
				<div class="box-body p-0">
				  <div class="media">
					<div class="media-body">
						<div class="flexbox">
						  <div class="clearfix">
							<img class="avatar avatar-lg" src="../../../images/avatar/1.jpg" alt="..."> <span class="ml-15 font-size-18">Olivia</span>
						  </div>
						  <div class="align-self-center">
						  	<span class="badge badge-lg badge-success">$58,900</span>
						  </div>
						</div>					  
					</div>
				  </div>
				  <div class="media">
					<div class="media-body">
						<div class="flexbox">
						  <div class="clearfix">
							<img class="avatar avatar-lg" src="../../../images/avatar/2.jpg" alt="..."> <span class="ml-15 font-size-18">William</span>
						  </div>
						  <div class="align-self-center">
						  	<span class="badge badge-lg badge-primary">$15,900</span>
						  </div>
						</div>					  
					</div>
				  </div>
				  <div class="media">
					<div class="media-body">
						<div class="flexbox">
						  <div class="clearfix">
							<img class="avatar avatar-lg" src="../../../images/avatar/3.jpg" alt="..."> <span class="ml-15 font-size-18">Emily</span>
						  </div>
						  <div class="align-self-center">
						  	<span class="badge badge-lg badge-info">$15,850</span>
						  </div>
						</div>					  
					</div>
				  </div>
				  <div class="media">
					<div class="media-body">
						<div class="flexbox">
						  <div class="clearfix">
							<img class="avatar avatar-lg" src="../../../images/avatar/4.jpg" alt="..."> <span class="ml-15 font-size-18">Madison</span>
						  </div>
						  <div class="align-self-center">
						  	<span class="badge badge-lg badge-danger">$8,125</span>
						  </div>
						</div>					  
					</div>
				  </div>
				  <div class="media">
					<div class="media-body">
						<div class="flexbox">
						  <div class="clearfix">
							<img class="avatar avatar-lg" src="../../../images/avatar/5.jpg" alt="..."> <span class="ml-15 font-size-18">Chloe</span>
						  </div>
						  <div class="align-self-center">
						  	<span class="badge badge-lg badge-warning">$99,800</span>
						  </div>
						</div>					  
					</div>
				  </div>
			   </div>
            </div>
          </div>
		  
		  <div class="col-md-6 col-lg-4">
            <div class="box">
				<div class="box-header with-border">
              		<h5 class="box-title">Recent Messages</h5>
				</div>
				<div class="box-body p-0">
				  <div class="media-list media-list-hover">
					<div class="media">
					  <a class="avatar avatar-lg status-success" href="#">
						<img src="../../../images/avatar/1.jpg" alt="...">
					  </a>
					  <div class="media-body">
						<p class="font-size-16">
						  <a class="hover-primary" href="#"><strong>Tyler</strong></a>
						</p>
						<p>Praesent tristique diam vitae est aliquet tempor sed ut erat.</p>
						  <time>Just now</time>
					  </div>
					</div>

					<div class="media">
					  <a class="avatar avatar-lg status-danger" href="#">
						<img src="../../../images/avatar/2.jpg" alt="...">
					  </a>
					  <div class="media-body">
						<p class="font-size-16">
						  <a class="hover-primary" href="#"><strong>Luke</strong></a>
						</p>
						<p>Cras tempor diam nec metus ullamcorper, ut ultrices lacus convallis.</p>
						  <time>33 min ago</time>
					  </div>
					</div>

					<div class="media">
					  <a class="avatar avatar-lg status-warning" href="#">
						<img src="../../../images/avatar/3.jpg" alt="...">
					  </a>
					  <div class="media-body">
						<p class="font-size-16">
						  <a class="hover-primary" href="#"><strong>Evan</strong></a>
						</p>
						<p>In posuere tortor vel metus faucibus, eleifend blandit lorem condimentum.</p>
						  <time>42 min ago</time>
					  </div>
					</div>

					<div class="media">
					  <a class="avatar avatar-lg status-primary" href="#">
						<img src="../../../images/avatar/4.jpg" alt="...">
					  </a>
					  <div class="media-body">
						<p class="font-size-16">
						  <a class="hover-primary" href="#"><strong>Evan</strong></a>
						</p>
						<p>In posuere tortor vel metus faucibus, eleifend blandit lorem condimentum.</p>
						  <time>42 min ago</time>
					  </div>
					</div>
				  </div>
				</div>
            </div>
          </div>

          <div class="col-md-6 col-lg-4">
            <div class="box">
				<div class="box-header with-border">
					<h5 class="box-title">Branches list</h5>
				</div>
				<div class="box-body p-0">
				  <div class="media-list media-list-hover media-list-divided">
					<a class="media media-single" href="#">
					  <span class="title">USA</span>
					  <span class="badge badge-pill badge-secondary">125</span>
					</a>

					<a class="media media-single" href="#">
					  <span class="title">Bahrain</span>
					  <span class="badge badge-pill badge-primary">124</span>
					</a>

					<a class="media media-single" href="#">
					  <span class="title">China</span>
					  <span class="badge badge-pill badge-info">425</span>
					</a>

					<a class="media media-single" href="#">
					  <span class="title">Denmark</span>
					  <span class="badge badge-pill badge-success">321</span>
					</a>

					<a class="media media-single" href="#">
					  <span class="title">France</span>
					  <span class="badge badge-pill badge-danger">159</span>
					</a>

					<a class="media media-single" href="#">
					  <span class="title">Greece</span>
					  <span class="badge badge-pill badge-warning">452</span>
					</a>
					  
					<a class="media media-single" href="#">
					  <span class="title">USA</span>
					  <span class="badge badge-pill badge-secondary">125</span>
					</a>

					<a class="media media-single" href="#">
					  <span class="title">Bahrain</span>
					  <span class="badge badge-pill badge-primary">124</span>
					</a>
					  
				  </div>
			   </div>
            </div>
          </div>


          <div class="col-md-6 col-lg-4">
            <div class="box">
				<div class="box-header with-border">
              		<h5 class="box-title">Notifications</h5>
				</div>
				<div class="box-body p-0">
				  <div class="media-list media-list-hover media-list-divided">
					<a class="media media-single" href="#">
					  <span class="avatar avatar-lg bg-primary"><i class="fa fa-user"></i></span>
					  <span class="title">Morbi quis ex eu arcu auctor sagittis.</span>
					  <time>24 mins ago</time>
					</a>

					<a class="media media-single" href="#">
					  <span class="avatar avatar-lg bg-success"><i class="fa fa-usd"></i></span>
					  <span class="title">Nullam facilisis velit eu nulla dictum volutpat.</span>
					  <time>2 hours ago</time>
					</a>

					<a class="media media-single" href="#">
					  <span class="avatar avatar-lg bg-danger"><i class="fa fa-area-chart"></i></span>
					  <span class="title">Morbi ullamcorper mauris nec molestie.</span>
					  <time>7 hours ago</time>
					</a>

					<a class="media media-single" href="#">
					  <span class="avatar avatar-lg bg-yellow"><i class="fa fa-star"></i></span>
					  <span class="title">In mattis mi ut posuere consectetur.</span>
					  <time>Yesterday</time>
					</a>

					<a class="media media-single" href="#">
					  <span class="avatar avatar-lg bg-warning"><i class="fa fa-battery-quarter"></i></span>
					  <span class="title">Proin iaculis eros non odio ornare efficitur.</span>
					  <time>Last week</time>
					</a>
				  </div>
			  </div>
            </div>
          </div>
		  

          <div class="col-md-6 col-lg-4">
            <div class="box">
				<div class="box-header with-border">
              		<h5 class="box-title">Notifications</h5>
				</div>
				<div class="box-body p-0">
				  <div class="media-list media-list-hover">
					<a class="media media-single" href="#">
					  <span class="avatar avatar-lg bg-primary"><i class="fa fa-user"></i></span>
					  <div class="media-body">
						<p>Morbi quis ex eu arcu auctor sagittis.</p>
						<time>55 min ago</time>
					  </div>
					</a>

					<a class="media media-single" href="#">
					  <span class="avatar avatar-lg bg-success"><i class="fa fa-usd"></i></span>
					  <div class="media-body">
						<p>Proin iaculis eros non odio ornare efficitur.</p>
						<time>23 hours ago</time>
					  </div>
					</a>

					<a class="media media-single" href="#">
					  <span class="avatar avatar-lg bg-danger"><i class="fa fa-area-chart"></i></span>
					  <div class="media-body">
						<p>In mattis mi ut posuere consectetur.</p>
						<time>5 hours ago</time>
					  </div>
					</a>

					<a class="media media-single" href="#">
					  <span class="avatar avatar-lg bg-yellow"><i class="fa fa-star"></i></span>
					  <div class="media-body">
						<p>Morbi quis ex eu arcu auctor sagittis.</p>
						<time>Yesterday</time>
					  </div>
					</a>
					  
					<a class="media media-single" href="#">
					  <span class="avatar avatar-lg bg-secondary"><i class="fa fa-user"></i></span>
					  <div class="media-body">
						<p>Morbi quis ex eu arcu auctor sagittis.</p>
						<time>55 min ago</time>
					  </div>
					</a>
					  
				  </div>
				</div>
            </div>
          </div>

          <div class="col-md-6 col-lg-4">
            <div class="box">
				<div class="box-header with-border">
              		<h5 class="box-title">User activity</h5>
				</div>
				<div class="box-body p-0">
				  <div class="media-list media-list-hover">
					<div class="media">
					  <a class="align-self-center" href="#"><img class="avatar avatar-lg" src="../../../images/avatar/1.jpg" alt="..."></a>
					  <div class="media-body">
						<p>
						  <a class="hover-primary" href="#"><strong>Samuel</strong></a>
						  <time class="float-right">34 min ago</time>
						</p>
						<p>Morbi quis ex eu arcu auctor sagittis.</p>
					  </div>
					</div>

					<div class="media">
					  <a class="align-self-center" href="#"><img class="avatar avatar-lg" src="../../../images/avatar/2.jpg" alt="..."></a>
					  <div class="media-body">
						<p>
						  <a class="hover-primary" href="#"><strong>Nathan</strong></a>
						  <time class="float-right">23 hours ago</time>
						</p>
						<p>Nullam facilisis velit eu nulla dictum volutpat.</p>
					  </div>
					</div>

					<div class="media">
					  <a class="align-self-center" href="#"><img class="avatar avatar-lg" src="../../../images/avatar/3.jpg" alt="..."></a>
					  <div class="media-body">
						<p>
						  <a class="hover-primary" href="#"><strong>Christian</strong></a>
						  <time class="float-right">3 hours ago</time>
						</p>
						<p>Proin iaculis eros non odio ornare efficitur.</p>
					  </div>
					</div>

					<div class="media">
					  <a class="align-self-center" href="#"><img class="avatar avatar-lg" src="../../../images/avatar/4.jpg" alt="..."></a>
					  <div class="media-body">
						<p>
						  <a class="hover-primary" href="#"><strong>Dylan</strong></a>
						  <time class="float-right">Yesterday</time>
						</p>
						<p>Morbi quis ex eu arcu auctor sagittis.</p>
					  </div>
					</div>
					  
					<div class="media">
					  <a class="align-self-center" href="#"><img class="avatar avatar-lg" src="../../../images/avatar/8.jpg" alt="..."></a>
					  <div class="media-body">
						<p>
						  <a class="hover-primary" href="#"><strong>Samuel</strong></a>
						  <time class="float-right">34 min ago</time>
						</p>
						<p>Morbi quis ex eu arcu auctor sagittis.</p>
					  </div>
					</div>
					  
				  </div>
				</div>
            </div>
          </div>

		  
          <div class="col-md-6 col-lg-4">
            <div class="box">
				<div class="box-header with-border">
              		<h5 class="box-title">Messages</h5>
				</div>
				<div class="box-body p-0">
				  <div class="media-list media-list-hover media-list-divided">
					<div class="media">
					  <a class="avatar avatar-lg status-success" href="#">
						<img src="../../../images/avatar/1.jpg" alt="...">
					  </a>
					  <div class="media-body">
						<p>
						  <a class="hover-primary" href="#"><strong>Tyler</strong></a>
						  <time class="float-right">Just now</time>
						</p>
						<p>Praesent tristique diam vitae est aliquet tempor sed ut erat.</p>
					  </div>
					</div>

					<div class="media">
					  <a class="avatar avatar-lg status-danger" href="#">
						<img src="../../../images/avatar/2.jpg" alt="...">
					  </a>
					  <div class="media-body">
						<p>
						  <a class="hover-primary" href="#"><strong>Luke</strong></a>
						  <time class="float-right">33 min ago</time>
						</p>
						<p>Cras tempor diam nec metus ullamcorper, ut ultrices lacus convallis.</p>
					  </div>
					</div>

					<div class="media">
					  <a class="avatar avatar-lg status-warning" href="#">
						<img src="../../../images/avatar/3.jpg" alt="...">
					  </a>
					  <div class="media-body">
						<p>
						  <a class="hover-primary" href="#"><strong>Evan</strong></a>
						  <time class="float-right">42 min ago</time>
						</p>
						<p>In posuere tortor vel metus faucibus, eleifend blandit lorem condimentum.</p>
					  </div>
					</div>
				  </div>
				</div>
            </div>
          </div>


          <div class="col-md-6 col-lg-4">
            <div class="box">
				<div class="box-header with-border">
              		<h5 class="box-title">Recent comments</h5>
				</div>
				<div class="box-body p-0">
				  <div class="media-list media-list-hover media-list-divided">
					<div class="media">
					  <img class="avatar avatar-lg" src="../../../images/avatar/1.jpg" alt="...">

					  <div class="media-body">
						<p><strong>Carter</strong> <time class="float-right">33 min ago</time></p>
						<p>Cras tempor diam nec metus ullamcorper, ut ultrices lacus convallis.</p>
						<div class="media-block-actions">
						  <nav class="nav nav-dot-separated no-gutters">
							<div class="nav-item">
							  <a class="nav-link text-success" href="#"><i class="fa fa-thumbs-up"></i> (17)</a>
							</div>
							<div class="nav-item">
							  <a class="nav-link text-danger" href="#"><i class="fa fa-thumbs-down"></i> (22)</a>
							</div>
						  </nav>

						  <nav class="nav no-gutters gap-2 font-size-16 media-hover-show">
							<a class="nav-link text-success" href="#" data-toggle="tooltip" title="Approve"><i class="ion-checkmark"></i></a>
							<a class="nav-link text-danger" href="#" data-toggle="tooltip" title="Delete"><i class="ion-close"></i></a>
						  </nav>
						</div>
					  </div>
					</div>

					<div class="media">
					  <img class="avatar avatar-lg" src="../../../images/avatar/2.jpg" alt="...">

					  <div class="media-body">
						<p><strong>Nicholas</strong> <time class="float-right">11 hour ago</time></p>
						<p>Praesent tristique diam vitae est aliquet tempor sed ut erat.</p>
						<div class="media-block-actions">
						  <nav class="nav nav-dot-separated no-gutters">
							<div class="nav-item">
							  <a class="nav-link text-success" href="#"><i class="fa fa-thumbs-up"></i> (17)</a>
							</div>
							<div class="nav-item">
							  <a class="nav-link text-danger" href="#"><i class="fa fa-thumbs-down"></i> (23)</a>
							</div>
						  </nav>

						  <nav class="nav no-gutters gap-2 font-size-16 media-hover-show">
							<a class="nav-link text-success" href="#" data-toggle="tooltip" title="Approve"><i class="ion-checkmark"></i></a>
							<a class="nav-link text-danger" href="#" data-toggle="tooltip" title="Delete"><i class="ion-close"></i></a>
						  </nav>
						</div>
					  </div>
					</div>
				  </div>
				</div>
            </div>
          </div>
		  

          <div class="col-md-6 col-lg-4">
            <div class="box">
				<div class="box-header with-border">
              		<h5 class="box-title">Notifications</h5>
				</div>
				<div class="box-body p-0">
				  <div class="media-list media-list-hover">

					<a class="media media-single" href="#">
					  <span class="avatar avatar-lg bg-info rounded-circle"><i class="fa fa-area-chart"></i></span>
					  <div class="media-body">
						<p>In mattis mi ut posuere consectetur.</p>
						<time>5 hours ago</time>
					  </div>
					</a>

					<a class="media media-single" href="#">
					  <span class="avatar avatar-lg bg-yellow rounded-circle"><i class="fa fa-star"></i></span>
					  <div class="media-body">
						<p>Morbi quis ex eu arcu auctor sagittis.</p>
						<time>Yesterday</time>
					  </div>
					</a>
					  
					<a class="media media-single" href="#">
					  <span class="avatar avatar-lg bg-secondary rounded-circle"><i class="fa fa-user"></i></span>
					  <div class="media-body">
						<p>Morbi quis ex eu arcu auctor sagittis.</p>
						<time>55 min ago</time>
					  </div>
					</a>
					  
				  </div>
				</div>
            </div>
          </div>

          <div class="col-md-6">
            <div class="box">
				<div class="box-header with-border">
              		<h5 class="box-title">Recent posts</h5>
				</div>
				<div class="box-body p-0">
				  <div class="media-list media-list-hover media-list-divided">
					<a class="media media-single" href="#">
					  <img class="w-80 rounded" src="../../../images/gallery/thumb/1.jpg" alt="...">
					  <div class="media-body">
						<h6>Cras tempor diam nec metus ullamcorper, ut ultrices lacus convallis.</h6>
						<small class="text-fader">By Henry</small>
					  </div>
					</a>

					<a class="media media-single" href="#">
					  <img class="w-80 rounded" src="../../../images/gallery/thumb/2.jpg" alt="...">
					  <div class="media-body">
						<h6>In mattis mi ut posuere consectetur.</h6>
						<small class="text-fader">By Hunter</small>
					  </div>
					</a>

					<a class="media media-single" href="#">
					  <img class="w-80 rounded" src="../../../images/gallery/thumb/3.jpg" alt="...">
					  <div class="media-body">
						<h6>Proin iaculis eros non odio ornare efficitur.</h6>
						<small class="text-fader">By Jordan</small>
					  </div>
					</a>

					<a class="media media-single" href="#">
					  <img class="w-80 rounded" src="../../../images/gallery/thumb/4.jpg" alt="...">
					  <div class="media-body">
						<h6>Morbi ullamcorper mauris nec gravida molestie.</h6>
						<small class="text-fader">By Owen</small>
					  </div>
					</a>
				  </div>
				</div>
              <div class="text-center bt-1 border-light p-2">
                <a class="text-uppercase d-block font-size-12" href="#">See all recent posts</a>
              </div>
            </div>
          </div>

          <div class="col-md-6">
            <div class="box">
				<div class="box-header with-border">
              		<h5 class="box-title">User list</h5>
				</div>
				<div class="box-body p-0">
				  <div class="media-list media-list-hover media-list-divided inner-user-div" style="height: 345px">
					<div class="media media-single">
					  <a href="#">
						<img class="avatar avatar-lg" src="../../../images/avatar/2.jpg" alt="...">
					  </a>

					  <div class="media-body">
						<h6><a href="#">Austin</a></h6>
						<small class="text-fader">CEO</small>
					  </div>

					  <div class="media-right">
						<a class="btn btn-block btn-default btn-sm" href="#">Followed</a>
					  </div>
					</div>

					<div class="media media-single">
					  <a href="#">
						<img class="avatar avatar-lg" src="../../../images/avatar/1.jpg" alt="...">
					  </a>

					  <div class="media-body">
						<h6><a href="#">Thomas</a></h6>
						<small class="text-fader">CEO</small>
					  </div>

					  <div class="media-right">
						<a class="btn btn-block btn-default btn-sm" href="#">Followed</a>
					  </div>
					</div>

					<div class="media media-single">
					  <a href="#">
						<img class="avatar avatar-lg" src="../../../images/avatar/3.jpg" alt="...">
					  </a>

					  <div class="media-body">
						<h6><a href="#">Chase</a></h6>
						<small class="text-fader">MD</small>
					  </div>

					  <div class="media-right">
						<a class="btn btn-block btn-success btn-sm" href="#">Follow</a>
					  </div>
					</div>

					<div class="media media-single">
					  <a href="#">
						<img class="avatar avatar-lg" src="../../../images/avatar/4.jpg" alt="...">
					  </a>

					  <div class="media-body">
						<h6><a href="#">Xavier</a></h6>
						<small class="text-fader">HR</small>
					  </div>

					  <div class="media-right">
						<a class="btn btn-block btn-success btn-sm" href="#">Follow</a>
					  </div>
					</div>

					<div class="media media-single">
					  <a href="#">
						<img class="avatar avatar-lg" src="../../../images/avatar/5.jpg" alt="...">
					  </a>

					  <div class="media-body">
						<h6><a href="#">Brody</a></h6>
						<small class="text-fader">HR</small>
					  </div>

					  <div class="media-right">
						<a class="btn btn-block btn-default btn-sm" href="#">Followed</a>
					  </div>
					</div>

					<div class="media media-single">
					  <a href="#">
						<img class="avatar avatar-lg" src="../../../images/avatar/6.jpg" alt="...">
					  </a>

					  <div class="media-body">
						<h6><a href="#">Jaxon</a></h6>
						<small class="text-fader">PMO</small>
					  </div>

					  <div class="media-right">
						<a class="btn btn-block btn-success btn-sm" href="#">Follow</a>
					  </div>
					</div>

					<div class="media media-single">
					  <a href="#">
						<img class="avatar avatar-lg" src="../../../images/avatar/7.jpg" alt="...">
					  </a>

					  <div class="media-body">
						<h6><a href="#">Carlos</a></h6>
						<small class="text-fader">ADO</small>
					  </div>

					  <div class="media-right">
						<a class="btn btn-block btn-success btn-sm" href="#">Follow</a>
					  </div>
					</div>

					<div class="media media-single">
					  <a href="#">
						<img class="avatar avatar-lg" src="../../../images/avatar/8.jpg" alt="...">
					  </a>

					  <div class="media-body">
						<h6><a href="#">Grayson</a></h6>
						<small class="text-fader">SEO</small>
					  </div>

					  <div class="media-right">
						<a class="btn btn-block btn-success btn-sm" href="#">Follow</a>
					  </div>
					</div>
				  </div>
				</div>
              <div class="text-center bt-1 border-light p-2">
                <a class="text-uppercase d-block font-size-12" href="#">Invite Friends</a>
              </div>
            </div>
          </div>

        </div>
      <!-- /.row -->

    </section>
    <!-- /.content -->
  </div>



</div>
<!-- ./wrapper -->

	<!-- jQuery 3 -->
	<script src="../../../assets/vendor_components/jquery/dist/jquery.min.js"></script>
	
	<!-- popper -->
	<script src="../../../assets/vendor_components/popper/dist/popper.min.js"></script>
	
	<!-- Bootstrap 4.0-->
	<script src="../../../assets/vendor_components/bootstrap/dist/js/bootstrap.min.js"></script>
	
	<!-- SlimScroll -->
	<script src="../../../assets/vendor_components/jquery-slimscroll/jquery.slimscroll.js"></script>
	
	<!-- FastClick -->
	<script src="../../../assets/vendor_components/fastclick/lib/fastclick.js"></script>
	
	<!-- 洲博通 App -->
	<script src="../../js/template.js"></script>
	
	<!-- 洲博通 for demo purposes -->
	<script src="../../js/demo.js"></script>
	
	
	<script>		
	  // Slim scrolling
  
	  $('.inner-user-div').slimScroll({
		height: '342px'
	  });
		
	</script>
	
</body>
</html>
